<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成员介绍</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/introduce.css">
</head>
<body>
    <div class="nav">
        <a href=""><div class="navItem itemGroup3">成员</div></a>
        <a href=""><div class="navItem itemGroup2">殿堂</div></a>
        <a href="html/introduce.html"><div class="navItem itemGroup1">介绍</div></a>
        <a href=""><div class="navItem itemGroup1">历史</div></a>
        <a href=""><div class="navItem itemGroup2">柴设</div></a>
        <a href=""><div class="navItem itemGroup3">活动</div></a>
    </div>
    <div class="inAn">We are burning heroes</div>
    <div class="infoBox">
        <div class="infoItem">
            <div class="imgBox">
                <img src="../img/introduce_img/BH.png" alt="" class="BHImg">
            </div>
            <div class="info1">
                <div class="info group1">Burning Hero社区</div>
                <div class="info group2">旨在为所有火柴人画师</div>
                <div class="info group3">提供一个拥有良好氛围的环境</div>
                <div class="info group4">会定期举办大型联合</div>
            </div>
        </div>
        <div class="infoItem">
            <div class="imgBox">
                <img src="../img/introduce_img/junior.png" alt="" class="juniorImg">
            </div>
            <div class="info2">
                <div class="info group1">Burning Hero学院</div>
                <div class="info group2">旨在为新手服务</div>
                <div class="info group3">会定期举办小型联合供新手参与</div>
                <div class="info group4">目的在于激励新手</div>
            </div>
        </div>
        <div class="infoItem">
            <div class="imgBox">
                <img src="../img/introduce_img/Hope.png" alt="" class="hopeImg">
            </div>
            <div  class="info3">
                <div class="info group1">BH慈善组织</div>
                <div class="info group2">联合获得的全部收益</div>
                <div class="info group3">在征得所有画师允许的情况下</div>
                <div class="info group4">会把收益全部捐赠给慈善机构</div>
            </div>
        </div>
    </div>
</body>
</html>